<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--内部样式: 在head标签里面添加style标签, 在标签体内添加样式代码, 可以当前页面复用,
        不能多页面复用-->
    <style>
        div{
            color: red;
            font-size: 30px;
        }
    </style>

    <!--引入外部的css样式文件，外部文件就可以多页面复用了-->
    <link rel="stylesheet" href="my.css">
</head>
<body>
    <div>
        你好呀，下雪啦~CSS1~~~
    </div>
    <div>
        你好呀，下雪啦~CSS2~~~
    </div>
    <div>
        你好呀，下雪啦~CSS3~~~
    </div>
    <!-- 内联样式: 在标签的style属性中添加样式代码, 不能复用-->
    <div style="color: brown">
        内联CSS1~~~
    </div>
    <div style="color: brown">
        内联CSS2~~~
    </div>
    <!--外部样式：在单独css文件中添加样式代码, 在html页面中的head标签里面添加link标签
        把css引入到html页面中, 支持多页面复用-->
    <h2>外部样式1</h2>
    <h2>外部样式2</h2>
    <h2>外部样式3</h2>
</body>
</html>
